<div>
	<div class="header">
		<a href="#guidepage" class="btn btnleft">首页</a>
		<h1>{{headerName}}</h1>
		<a href="javascript:void(0)" class="btn btnright">客服</a>
	</div>
	<div class="content nobottom">
		<div class="padding-top-sm" style="padding:6px;overflow-x:hidden;">
			<form class="form-horizontal loginform" id="loginform{{identify}}" action="#">
				<div class="form-group first">
					<label class="col-sm-4 control-label font-size-lg">用户名</label>
					<div class="col-sm-8">
						<input type="text" name="person.username" class="form-control" placeholder="请输入用户名">
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-4 control-label font-size-lg">密&nbsp;&nbsp;&nbsp;&nbsp;码</label>
					<div class="col-sm-8">
						<input type="password" name="person.password" class="form-control" placeholder="请输入密码">
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-4 control-label font-size-lg">验证码</label>
					<div class="col-sm-8">
						<input type="text" name="identifyCode" class="form-control" placeholder="请输入验证码">
					</div>
				</div>
				<div class="form-group" style="padding-top:2px;padding-bottom:2px;">
					<div class="row">
						<div class="col-xs-6" style="text-align:right;"><img id="identifycode{{identify}}" src="{{HB_GLOBAL_CONTEXT_PATH}}/identifyCode.jpeg?_={{identify}}" /></div>
						<div class="col-xs-6" style="padding-top:4px;"><button type="button" id="changeimage{{identify}}" class="btn btn-default btn-sm">换一张</button></div>
					</div>
				</div>
				<div class="form-group last">
					<div class="row">
						<div class="col-xs-6" style="padding-right:3px;"><button type="button" id="registeruser{{identify}}" class="btn btn-default btn-lg btn-block">注册用户</button></div>
						<div class="col-xs-6" style="padding-left:3px;"><button type="button" id="loginuser{{identify}}" class="btn btn-default btn-lg btn-block">确认登录</button></div>
					</div>
				</div>
			</form>
		</div>
	</div>
	<script type="text/javascript">
	$('#changeimage{{identify}}').on('click', function(e) {
		$('#identifycode{{identify}}').attr('src', '{{HB_GLOBAL_CONTEXT_PATH}}/identifyCode.jpeg?_=' + new Date().getTime());
		$(e.target).blur();
	});
	$('#registeruser{{identify}}').on('click', function(e) {
		userRegister();
	});
	$('#loginuser{{identify}}').on('click', function(e) {
		Global.loading();
		$.ajax({
			type: 'POST',
	    	url: GLOBAL_CONTEXT_PATH + '/login/loginjson.html?_=' + new Date().getTime(),
	    	dataType: 'json',
	    	crossDomain: true,
	    	processData: true,
	    	data: $('#loginform{{identify}}').serialize(),
	    	success: function (data) {
	    		if (data && data.login) {
	    			Global.setItem(Global.loginKey, data.userMap);
	    			data.userMap.password = $('#loginform{{identify}}').find('input[type="password"]').val();
	    			Global.loginInfo = data.userMap;
		    		window.location.hash = '#userpage';
		    		Global.longToast('登录成功');
	    		} else {
		    		Global.longToast('登录失败:' + data.mapValue.msg);
	    		}
	    		Global.loaded();
	    	},
	    	error:function(msg) {
	    		console.log('login error:' + msg);
	    		Global.loaded();
	    	}
		});
	});
	<{{!}}/script>
</div>